<template lang="pug">
  .bill-table
    Modal(
      width="1200"
      v-model="isShowTableMingxihuizongModal"
      title="明细汇总"
      class-name="vertical-center-modal"
      footer-hide
    )
      Table.beautiful-table.complex-table(:columns="thead" :data="tableData" ref="table" :height="tableData.length > 6 ? 500 : ''")
        .clearfix.font-14(slot="header")
          Row
            Col(span="6")
              span 参保编号：
              .w150.display-inline-block
                Select(v-model="ignoreInsureNo" placeholder="请选择显示或隐藏" @on-change="query")
                  Option(v-for="(c_item, c_index) of arrListDown.ignoreInsureNoOps" :key="c_index" :value="c_item.value") {{c_item.label}}
            Col(span="6") 账单月份：{{year}}年{{month}}月
            Col.ellipsis(span="8") 单位名称：{{companyName}}
            Col(span="4")
              Button.pull-right.mt-8(type="info" @click="exportSummaryDetailList ") 导出
        .clearfix.pl-20.pr-20(slot="footer")
          Page(
            :current="tableComone.pageIndex"
            :total="tableComone.totalRows"
            @on-change="onChangePage"
            @on-page-size-change="onpageSizeChange"
            show-sizer
            show-total
            placement="top"
            prev-text="上一页"
            next-text="下一页"
            :page-size-opts="[10, 20, 30, 50, 100]"
          )

      Row.mt-20.line-h-34.font-14
        Col(span="8" v-for="item in formItem")
          span {{item.text}}：
          span.text-error.font-weight {{item.value}}

</template>

<script>
import { tableMingxihuizongThead } from './modalTableHead.js'
import _cloneDeep from 'clone-deep'
import Mixin from '../modalMixin/tableMingxihuizongModalMixin.js'

export default {
  name: '',

  mixins: [Mixin],

  data () {
    return {
      thead: _cloneDeep(tableMingxihuizongThead)
    }
  },

  watch: {
  },

  mounted () {
    // this.companyId = this.$route.query.companyId
  },

  methods: {
  }
}
</script>

<style lang="less" scope>
</style>
